<template>

  <Head />
  <div class="page-content">
    <SiderBar />
    <PPTContent />
  </div>
  <!--  <RouterView /> -->
</template>
<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router';
import Head from './views/Head/index.vue';
import SiderBar from '@/views/SiderBar/index.vue';
import PPTContent from '@/views/PPTContent/index.vue';
</script>
<style scoped lang="scss">
//整体布局
.page-content {
  display: flex;
}

$SiderBarW: 15%;

.sider-wrap {
  width: $SiderBarW;
  flex: 1;
}

.pptContent {
  //// width: calc(100% - $SiderBarW)
  flex: 5;
  /// 
}
</style>
